<template>
    <!-- 网站首页面 -->
    <div>
        <div class="banner"></div>
        <!-- <img class="banner-img" src="@/assets/banner1@2x.png" alt=""> -->

        <!-- 页脚部分 -->
        <div class="footer-section">
            <div class="leftText">
                科学规划、资源共享、突出重点、提高效益、持续发展
            </div>
            <div class="rightNum"></div>
        </div>
    </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
/* .banner-img {
    position: absolute;
    top: 5.628rem;
    left: 0;
    width: 100%;
    height: 100%;
} */
.banner {
    width: 100%;
    height: 90.4vh;
    background: url(../../assets/banner1@2x.png) no-repeat;
}

.footer-section {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 9.75rem;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
}

.footer-section div {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
}

.leftText {
    width: 31.25rem;
    padding-left: 10rem;
    font-size: 1.65rem;
    font-weight: bold;
    color: #fff;
}

.rightNum {
    width: 43.75rem;
    height: 100%;
    background: #c9141e;
}
</style>
